<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta charset="UTF-8">
    <title>团购商城_个人中心</title>
    <link rel="stylesheet" href="../lib/sm.min.css">
    <link rel="stylesheet" href="../lib/sm-extend.min.css">
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/user_index.css">
    <script src="../lib/jquery-min.js"></script>
    <script src="../lib/angular.js"></script>
    <script src="../control/user_data.js"></script>
</head>
<body ng-controller="user_data">
<div class="row  h150 no-gutter father ">
    <img class="userBackImg" src="{{userInfo.userAvatarAddress}}">
    <div class="userHeadImg h100 "></div>
    <div class="col-60 h200 pa">
        <div class="userdata col-100 mt60" style="margin-top: 20px;">
            <input type="button" placeholder="昵称" value="{{userInfo.userNickName}}"><br>
            <label><input id="userage" type="button" value="{{userInfo.userAge}}">岁</label> <label><span  class="seximg fa  fa-female" ></span><input id="sex" type="button" value="{{userInfo.userSexWord}}"></label>
            <textarea id="gxqm" readonly="readonly" maxlength="40"  rows="3" placeholder="这个人很懒什么都没留下">{{userInfo.userDetail}}</textarea>
        </div>
    </div>
</div>
<div class="userlist">
    <ul>
        <li>
            <i class="fa fa-2x  fa-users"></i><br>
            <span class="tab-label">所有团</span>
        </li>
        <li>
            <i class="fa fa-2x fa-user"></i><br>
            <span class="tab-label">我的团</span>
        </li>
        <li>
            <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i><br>
            <span class="tab-label">参团中</span>
        </li>
        <li>
            <i class="fa fa-2x fa-trophy"></i><br>
            <span class="tab-label">已成团</span>
        </li>
        <li>
            <i class="fa fa-2x fa-street-view"></i><br>
            <span class="tab-label">收货地址</span>
        </li>

    </ul>
</div>
<ul class="userOrder">
    <a href="#">
        <li>

            <label><span class="fa fa-calendar"></span> </label>
            <span class="userOrderSpanL">全部订单</span>
            <span class="userOrderSpanR icon icon-right"></span>
        </li>
    </a>
    <a href="group_list.html">
        <li>

            <label><span class="fa fa-users"></span> </label>
            <span class="userOrderSpanL">我的团</span>
            <span class="userOrderSpanR icon icon-right"></span>
        </li>
    </a>    <a href="open_group.html">
    <li>

        <label><span class="fa fa-shopping-basket"></span> </label>
        <span class="userOrderSpanL">发起团</span>
        <span class="userOrderSpanR icon icon-right"></span>
    </li>
</a>    <a href="user_data.html">
    <li>

        <label><span class="fa fa-address-card"></span> </label>
        <span class="userOrderSpanL">个人信息</span>
        <span class="userOrderSpanR icon icon-right"></span>
    </li>
</a>    <a href="user_safe.html">
    <li>

        <label><span class="fa fa-credit-card-alt"></span> </label>
        <span class="userOrderSpanL">账户安全</span>
        <span class="userOrderSpanR icon icon-right"></span>
    </li>
</a>
    <a href="#">
        <li>
            <label><span class="fa fa-paper-plane"></span> </label>
            <span class="userOrderSpanL">关于我们</span>
            <span class="userOrderSpanR icon icon-right"></span>
        </li>
    </a>
</ul>
<nav class="bar bar-tab">
    <a class="tab-item external" href="index.html">
        <span class="icon icon-home"></span>
        <span class="tab-label">首页</span>
    </a>
    <a class="tab-item external" href="#">
        <span class="icon icon-search"></span>
        <span class="tab-label">搜索</span>

    </a>
    <a class="tab-item external active">
        <span class="icon icon-me"></span>
        <span class="tab-label">个人中心</span>
    </a>
</nav>
</body>
<script src="../myjs/user_index.js"></script>
</html>